﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style type="text/css">
    .form .formValue input.form-control {
        height: 32px;
        line-height: 32px;
        padding: 0px;
        resize: none;
        border-radius: 0px;
        box-shadow: none;
        text-indent: 5px
    }

    .textValue {
        width: 100%;
    }

    .selectbox {
        color: #444;
        line-height: 34px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 34px;
        width: 100%;
    }

    .search {
        margin-left: 10px;
        padding: 0px;
    }

    table td {
        height: 40px;
        line-height: 40px;
    }

    .zdyPanel {
        background-color: #fff;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        margin: 0px;
        float: left;
        width: 100%;
    }

    .zdyTool {
        float: left;
        padding-left: 10px;
        width: 100%;
    }

    .zdyBar {
        padding: 0px;
        margin: 0px;
        margin-top: 3px;
    }

    .zdyUL {
        list-style-type: none;
        margin: 5px 0px 0px -3px;
        padding: 0px;
    }

        .zdyUL li {
            float: left;
            list-style: none;
            height: 24px;
            line-height: 22px;
        }

            .zdyUL li a {
                cursor: pointer;
                padding: 5px 10px;
                border-radius: 4px;
            }

            .zdyUL li i {
                margin-right: 4px;
                font-size: 13px;
                color: #666;
                vertical-align: middle;
                margin-top: -1px;
            }

            .zdyUL li a:hover {
                text-decoration: none;
                background-color: #1ABC9C;
                color: #fff;
            }

    .autocomplete-suggestions {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #999;
        background: #FFF;
        cursor: default;
        overflow: auto;
        -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
        -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
        box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    }

    .autocomplete-selected {
        background: #F0F0F0;
    }

    .autocomplete-suggestion {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete-no-suggestion {
        padding: 2px 5px;
    }

    .zdyGirdPanel {
        width: 100%;
        margin: 0px;
        padding: 0px;
        float: left;
    }

    .zdyContentPanel {
        width: 100%;
        margin: 5px 0px 0px 0px;
        padding: 0px;
        float: left;
    }

    .zdyFont {
        padding-left: 5px;
        color: #ff6a00;
    }

    .zdyUL {
        list-style-type: none;
        margin: 5px 0px 0px -3px;
        padding: 0px;
    }

        .zdyUL li {
            float: left;
            list-style: none;
            height: 24px;
            line-height: 22px;
        }

            .zdyUL li a {
                cursor: pointer;
                padding: 5px 10px;
                border-radius: 4px;
                color: #337ab7;
            }

            .zdyUL li i {
                margin-right: 4px;
                font-size: 13px;
                color: #666;
                vertical-align: middle;
                margin-top: -1px;
            }

            .zdyUL li a:hover {
                text-decoration: none;
                background-color: #1ABC9C;
                color: #fff;
            }

    .zdyGirdPanel {
        padding-top: 3px;
    }

    .form .formValue {
        padding: 1px 3px;
    }
</style>
<script>
    $(function () {
        gridList();
    });

    function gridList() {
        var $gridList = $("#gridList");
        var queryJson = {
        };
        $gridList.dataGrid({
            url: "/CheckManager/CheckInfos/GetSalaList",
            postData: { queryJson: JSON.stringify(queryJson) },
            height: 670,
            colModel: [                                
                { label: '签约状态', name: 'orderState', width: 250 },
                { label: '销售姓名', name: 'saleName', width: 250 },
                { label: '客户类型', name: 'clientType', align: 'left' },
                { label: '客户名称', name: 'clientName', align: 'left' },
                { label: '客户等级', name: 'clientElevel', width: 250 },
                { label: '所在城市', name: 'City', align: 'left' },
                { label: '行政区域', name: 'Areas', align: 'left' },
                { label: '公司地址', name: 'CompanyAddress', width: 250 },
                { label: '所属行业', name: 'Industory', align: 'left' },
                { label: '直客名称', name: 'zk_Name', align: 'left' },
                { label: '品牌名称', name: 'brandName', align: 'left' },
                { label: '所属项目组', name: 'projectName', align: 'left' },
                { label: '联系人', name: 'contractName', align: 'left' },
                { label: '所属部门', name: 'DeportName', align: 'left' },
                { label: '所属职位', name: 'positionName', align: 'left' },
                { label: '性别', name: 'sex', align: 'left' },
                { label: '手机', name: 'mobliePhone', align: 'left' },
                { label: '公司座机', name: 'phone', align: 'left' },
                { label: 'Email', name: 'email', align: 'left' },
                { label: '需求来源', name: 'resource', align: 'left' },
                { label: '活动主题', name: 'activityTheme', width: 250 },
                { label: '活动类型', name: 'activityType', align: 'left' },
                { label: '所属行业1', name: 'Industory1', align: 'left' },
                { label: '预算金额', name: 'budgetCash', align: 'left' },
                { label: '搭建时间', name: 'buildDate', align: 'left' },
                { label: '活动开始时间', name: 'activityStart', width: 250 },
                { label: '活动结束时间', name: 'activityEnd', align: 'left' },
                { label: '活动城市', name: 'activityCity', align: 'left' },
                { label: '场地类型', name: 'siteType', width: 250 },
                { label: '活动人数', name: 'activityNum', align: 'left' },
                { label: '场地面积', name: 'siteArea', align: 'left' },
                { label: '层高', name: 'Cgao', align: 'left' },
                { label: '室内/室外', name: 'homeInout', align: 'left' },
                { label: '备注', name: 'remark', align: 'left' },
                { label: '签单时间', name: 'orderTime', align: 'left' },
                { label: '使用场地', name: 'usingSite', align: 'left' },
                { label: '使用场地1', name: 'usingSite1', align: 'left' },
                { label: '使用空间', name: 'usingSpace', align: 'left' },
                { label: '场地租金（收入）', name: 'siteCashIn', align: 'left' },
                { label: '配套服务（收入）', name: 'assortIn', align: 'left' },
                { label: '场地方金额（支出）', name: 'siteCashOut', align: 'left' },  
                { label: '场地返佣（支出）', name: 'siteRebateOut', align: 'left' }, 
                { label: '客户返佣（支出）', name: 'clientRebateOut', align: 'left' }, 
                { label: '税金（支出）', name: 'rateOut', align: 'left' }, 
                { label: '利润', name: 'profit', align: 'left' }, 
                { label: '利润率', name: 'profitPre', align: 'left' },                
            ],
            pager: "#gridPager",
            rowNum: 300,
            viewrecords: true,
            multiselect: false,
            ondblClickRow: function (rowid, iRow, iCol, e) {

            },
            loadComplete: function (data) {
            }
        });
    }

    function btn_CreateData() {
        $.ajax({
            url: "/CheckManager/CheckInfos/OperationSalas",
            dataType: "json",
            async: false,
            success: function (data) {
               
            }, error: function (XMLHttpRequest, textStatus, errorThrown) {

            }, complete(XMLHttpRequest, textStatus) {

            }
        });
    }
</script>
<div class="zdyPanel">
    <div class="zdyBar" style="float:right;white-space:nowrap;width:50%;padding-top:5px;">
        <div style="float:right;padding-right:5px;">
            <div class="btn-group">
                <a class="btn btn-primary" onclick="$.reload()"><span class="glyphicon glyphicon-refresh"></span></a>
            </div>
            <div class="btn-group">
                <a class="btn btn-primary" id="btn_project" onclick="btn_CreateData()">生成数据</a>
            </div>            
        </div>
    </div>
</div>
<div class="zdyGirdPanel">
    <table id="gridList"></table>
    <div id="gridPager"></div>
</div>
